<%--
  Created by IntelliJ IDEA.
  User: cyb
  Date: 2019/3/11
  Time: 14:29
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="utf-8" />
    <title>${song.songName}&nbsp;-&nbsp;魔音云音乐</title>
    <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <link rel="stylesheet" href="../css/layout.css"/>
    <link rel="stylesheet" href="../js/jPlayer/jplayer.flat.css" type="text/css" />
    <link rel="stylesheet" href="../css/bootstrap.css" type="text/css" />
    <link rel="stylesheet" href="../css/animate.css" type="text/css" />
    <link rel="stylesheet" href="../css/font-awesome.min.css" type="text/css" />
    <link rel="stylesheet" href="../css/simple-line-icons.css" type="text/css" />
    <link rel="stylesheet" href="../css/font.css" type="text/css" />
    <link rel="stylesheet" href="../css/app.css" type="text/css" />
    <link rel="stylesheet" href="../test/Login&Register.css" />

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="../js/ie/html5shiv.js"></script>
    <script src="../js/ie/respond.min.js"></script>
    <script src="../js/ie/excanvas.js"></script>
    <![endif]-->

    <script src="../test/Login&Register.js"></script>
    <script src="../test/cyb.js"></script>
    <script src="../test/music-detail.js"></script>
    <%--<script>
        var userId = 0;
        $(function () {
            $.post("../user/login_status", function(data) {
                if ("no" != data) {
                    userId = JSON.parse(data).id;
                }
            })

        })
        function userlike(likeType){
            if (userId == 0) {
                $(".login-mask,.login-table").show();
            } else {
                //获取收藏对象的ID
                var likeId = $("#like").attr("value");
                $.ajax({
                    "url":<%=request.getContextPath()%>"/UserLikeServlet",
                    "data":"likeId="+likeId+"&userId="+userId+"&likeType="+likeType,
                    "type": "GET",
                    "dataType":"json",
                    "success": function (result){
                        if(result.data== "YES"){
                            alert("收藏成功");
                            $("#like").html("<i class='fa fa-heart' style='color:red'></i>&nbsp;&nbsp;已收藏");
                        } else if(result.data == "NO"){
                            alert("取消收藏成功");
                            $("#like").html("<i class='fa fa-heart-o'></i>&nbsp;&nbsp;收藏");
                        }else{
                            alert("操作异常，请稍后重试");
                        }

                    }
                })
            }

        }
    </script>--%>

    <link rel="stylesheet" href="../css/detail.css"/>
</head>
<body class="">
<section class="vbox">
    <header class="bg-white-only header header-md navbar navbar-fixed-top-xs">
        <div class="navbar-header aside bg-info dk">
            <a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen,open" data-target="#nav,html">
                <i class="icon-list"></i>
            </a>
            <a href="index.html" class="navbar-brand text-lt">
                <i class="icon-earphones"></i>
                <img src="images/logo.png" alt="." class="hide">
                <span class="hidden-nav-xs m-l-sm">Musik</span>
            </a>
            <a class="btn btn-link visible-xs" data-toggle="dropdown" data-target=".user">
                <i class="icon-settings"></i>
            </a>
        </div>      <ul class="nav navbar-nav hidden-xs">
        <li>
            <a href="#nav,.navbar-header" data-toggle="class:nav-xs,nav-xs" class="text-muted">
                <i class="fa fa-indent text"></i>
                <i class="fa fa-dedent text-active"></i>
            </a>
        </li>
    </ul>
        <form class="navbar-form navbar-left input-s-lg m-t m-l-n-xs hidden-xs" role="search">
            <div class="form-group">
                <div class="input-group">
            <span class="input-group-btn">
              <button type="submit" class="btn btn-sm bg-white btn-icon rounded"><i class="fa fa-search"></i></button>
            </span>
                    <input type="text" class="form-control input-sm no-border rounded" placeholder="Search songs, albums...">
                </div>
            </div>
        </form>
        <div class="navbar-right ">
            <a href="javascript:;" class="btn-login">登录/注册</a>
            <ul class="nav navbar-nav m-n hidden-xs nav-user user" style="display:none;">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle bg clear" data-toggle="dropdown">
              <span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
                <img src="../images/a0.png" alt="...">
              </span>
                        John.Smith <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight">
                        <li>
                            <span class="arrow top"></span>
                            <a href="#">Settings</a>
                        </li>
                        <li>
                            <a href="profile.html">Profile</a>
                        </li>
                        <li>
                            <a href="#">
                                <span class="badge bg-danger pull-right">3</span>
                                Notifications
                            </a>
                        </li>
                        <li>
                            <a href="docs.html">Help</a>
                        </li>
                        <li class="divider"></li>
                        <li>
                            <a href="modal.lockme.html" data-toggle="ajaxModal" >Logout</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </header>
    <section>
        <section class="hbox stretch">
            <!-- .aside -->
            <aside class="bg-black dk aside hidden-print" id="nav">
                <section class="vbox">
                    <section class="w-f-md scrollable">
                        <div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0" data-size="10px" data-railOpacity="0.2">



                            <!-- nav -->
                            <nav class="nav-primary hidden-xs">
                                <ul class="nav bg clearfix">
                                    <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
                                        Discover
                                    </li>
                                    <li>
                                        <a href="index.html">
                                            <i class="icon-disc icon text-success"></i>
                                            <span class="font-bold">What's new</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="genres.html">
                                            <i class="icon-music-tone-alt icon text-info"></i>
                                            <span class="font-bold">Genres</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="events.html">
                                            <i class="icon-drawer icon text-primary-lter"></i>
                                            <b class="badge bg-primary pull-right">6</b>
                                            <span class="font-bold">Events</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="listen.html">
                                            <i class="icon-list icon  text-info-dker"></i>
                                            <span class="font-bold">Listen</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="video.html" data-target="#content" data-el="#bjax-el" data-replace="true">
                                            <i class="icon-social-youtube icon  text-primary"></i>
                                            <span class="font-bold">Video</span>
                                        </a>
                                    </li>
                                    <li class="m-b hidden-nav-xs"></li>
                                </ul>
                                <ul class="nav" data-ride="collapse">
                                    <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
                                        Interface
                                    </li>
                                    <li >
                                        <a href="#" class="auto">
                        <span class="pull-right text-muted">
                          <i class="fa fa-angle-left text"></i>
                          <i class="fa fa-angle-down text-active"></i>
                        </span>
                                            <i class="icon-screen-desktop icon">
                                            </i>
                                            <span>Layouts</span>
                                        </a>
                                        <ul class="nav dk text-sm">
                                            <li >
                                                <a href="layout-color.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Color option</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="layout-boxed.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Boxed layout</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="layout-fluid.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Fluid layout</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li >
                                        <a href="#" class="auto">
                        <span class="pull-right text-muted">
                          <i class="fa fa-angle-left text"></i>
                          <i class="fa fa-angle-down text-active"></i>
                        </span>
                                            <i class="icon-chemistry icon">
                                            </i>
                                            <span>UI Kit</span>
                                        </a>
                                        <ul class="nav dk text-sm">
                                            <li >
                                                <a href="buttons.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Buttons</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="icons.html" class="auto">
                                                    <b class="badge bg-info pull-right">369</b>
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Icons</span>
                                                </a>
                                            </li><li >
                                            <a href="http://www.weidea.net" class="auto">
                                                <b class="badge bg-info pull-right">369</b>
                                                <i class="fa fa-angle-right text-xs"></i>

                                                <span>More</span>
                                            </a>
                                        </li>
                                            <li >
                                                <a href="grid.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Grid</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="widgets.html" class="auto">
                                                    <b class="badge bg-dark pull-right">8</b>
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Widgets</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="components.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Components</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="list.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>List group</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="#table" class="auto">
                            <span class="pull-right text-muted">
                              <i class="fa fa-angle-left text"></i>
                              <i class="fa fa-angle-down text-active"></i>
                            </span>
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Table</span>
                                                </a>
                                                <ul class="nav dker">
                                                    <li >
                                                        <a href="table-static.html">
                                                            <i class="fa fa-angle-right"></i>
                                                            <span>Table static</span>
                                                        </a>
                                                    </li>
                                                    <li >
                                                        <a href="table-datatable.html">
                                                            <i class="fa fa-angle-right"></i>
                                                            <span>Datatable</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li >
                                                <a href="#form" class="auto">
                            <span class="pull-right text-muted">
                              <i class="fa fa-angle-left text"></i>
                              <i class="fa fa-angle-down text-active"></i>
                            </span>
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Form</span>
                                                </a>
                                                <ul class="nav dker">
                                                    <li >
                                                        <a href="form-elements.html">
                                                            <i class="fa fa-angle-right"></i>
                                                            <span>Form elements</span>
                                                        </a>
                                                    </li>
                                                    <li >
                                                        <a href="form-validation.html">
                                                            <i class="fa fa-angle-right"></i>
                                                            <span>Form validation</span>
                                                        </a>
                                                    </li>
                                                    <li >
                                                        <a href="form-wizard.html">
                                                            <i class="fa fa-angle-right"></i>
                                                            <span>Form wizard</span>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li >
                                                <a href="chart.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Chart</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="portlet.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Portlet</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="timeline.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Timeline</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li >
                                        <a href="#" class="auto">
                        <span class="pull-right text-muted">
                          <i class="fa fa-angle-left text"></i>
                          <i class="fa fa-angle-down text-active"></i>
                        </span>
                                            <i class="icon-grid icon">
                                            </i>
                                            <span>Pages</span>
                                        </a>
                                        <ul class="nav dk text-sm">
                                            <li >
                                                <a href="profile.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Profile</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="blog.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Blog</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="invoice.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Invoice</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="gmap.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Google Map</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="jvectormap.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Vector Map</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="signin.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Signin</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="signup.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>Signup</span>
                                                </a>
                                            </li>
                                            <li >
                                                <a href="404.html" class="auto">
                                                    <i class="fa fa-angle-right text-xs"></i>

                                                    <span>404</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                                <ul class="nav text-sm">
                                    <li class="hidden-nav-xs padder m-t m-b-sm text-xs text-muted">
                                        <span class="pull-right"><a href="#"><i class="icon-plus i-lg"></i></a></span>
                                        Playlist
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="icon-music-tone icon"></i>
                                            <span>Hip-Pop</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="icon-playlist icon text-success-lter"></i>
                                            <b class="badge bg-success dker pull-right">9</b>
                                            <span>Jazz</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                            <!-- / nav -->
                        </div>
                    </section>
                </section>
            </aside>
            <!-- /.aside -->
            <section id="content">
                <section class="vbox" id="bjax-el">
                    <section class="scrollable wrapper-lg">
                        <div class="row">
                            <div class="col-sm-8">
                                <div class="panel wrapper-lg">
                                    <div class="row">
                                        <div class="col-sm-4">
                                            <img src="../${song.poster}" class="img-full m-b">
                                        </div>
                                        <div class="col-sm-8">
                                            <h2 class="m-t-none text-black">${song.songName}</h2>
                                            <div class="clearfix m-b-md">
                                                <div class="clear">
                                                    <i class="fa fa-user-circle-o"></i>&nbsp;&nbsp;
                                                    <c:forEach items="${song.singers}" var="singer">
                                                        <a href="../GetSingerDetaiServlet?opr=showDetail&singer_id=${singer.singerId}" class="text-info">${singer.singerName}&nbsp;</a>
                                                    </c:forEach>
                                                </div>
                                            </div>
                                            <div class="m-b-sm">专辑：<a href="album?id=${song.album.albumId}">${song.album.albumName}</a></div>
                                            <div class="m-b-sm">语种：${song.language}</div>
                                            <div class="m-b-sm">流派：${song.genre}</div>
                                            <div class="m-b-md">发行时间：${song.publicTime}</div>
                                            <div class="m-b-none">
                                                <a href="javascript:;" class="btn btn-info js-play" data-type="song" data-id="${song.songId}"><i class="fa fa-play"></i>&nbsp;&nbsp;播放</a>
                                                <a href="javascript:;" class="btn btn-default" onclick="userlike(1)" id="like" value="${song.songId}"><i class="fa fa-heart-o"></i>&nbsp;&nbsp;收藏</a>
                                                <a href="#comment" class="btn btn-default"><i class="fa fa-commenting-o"></i>&nbsp;&nbsp;评论</a>
                                                <a href="javascript:;" class="btn btn-default"><i class="fa fa-plus"></i>&nbsp;&nbsp;添加到</a>
                                            </div>
                                        </div>
                                    </div>
                                    <h4 class="m-t-lg m-b">歌词</h4>
                                    <ul class="list-group list-group-lg" style="max-height: 500px;overflow-y:scroll">${song.lyric}</ul>
                                    <h3 class="m-t-lg m-b"><a name="comment"></a>评论</h3>
                                    <form>
                                        <div class="form-group">
                                            <textarea class="form-control" rows="5" placeholder="期待你的神评论"></textarea>
                                        </div>
                                        <div class="form-group">
                                            <button type="submit" class="btn btn-success">发表评论</button>
                                        </div>
                                    </form>
                            <script>
                                $(function () {
                                    $href = location.href;
                                    $id = $href.substring($href.indexOf("id="));
                                    console.log($id);
                                    $.post("comment", "type=song&"+$id, function (comments) {
                                        if ("no comment" != comments) {
                                            $(".comment-list").html(comments);
                                        }
                                    });
                                })
                            </script>
                                    <h4 class="m-t-lg m-b">最新评论</h4>
                                    <section class="comment-list block">还没有人评论，快来抢沙发</section>

                                </div>
                            </div>
                            <div class="col-sm-4">
                                <div class="panel panel-default">
                                    <div class="panel-heading">简介</div>
                                    <div class="panel-body" style="max-height: 230px;">${song.profile}</div>
                                    <a href="javascript:;" class="panel-profile-more">[更多]</a>
                                </div>
                                <div class="panel panel-default">
                                    <div class="panel-heading">Suggestions</div>
                                    <div class="panel-body">
                                        <article class="media">
                                            <a href="#" class="pull-left thumb-md m-t-xs">
                                                <img src="images/m18.jpg">
                                            </a>
                                            <div class="media-body">
                                                <a href="#" class="font-semibold">Bootstrap 3: What you need to know</a>
                                                <div class="text-xs block m-t-xs"><a href="#">Travel</a> 2 minutes ago</div>
                                            </div>
                                        </article>
                                        <article class="media">
                                            <a href="#" class="pull-left thumb-md m-t-xs">
                                                <img src="images/m19.jpg">
                                            </a>
                                            <div class="media-body">
                                                <a href="#" class="font-semibold">Lorem ipsum dolor sit amet it.</a>
                                                <div class="text-xs block m-t-xs"><a href="#">Design</a> 2 hours ago</div>
                                            </div>
                                        </article>
                                        <article class="media">
                                            <a href="#" class="pull-left thumb-md m-t-xs">
                                                <img src="images/m20.jpg">
                                            </a>
                                            <div class="media-body">
                                                <a href="#" class="font-semibold">Sed diam nonummy tincidunt ut laoreet</a>
                                                <div class="text-xs block m-t-xs"><a href="#">MFC</a> 1 week ago</div>
                                            </div>
                                        </article>
                                        <article class="media">
                                            <a href="#" class="pull-left thumb-md m-t-xs">
                                                <img src="images/m21.jpg">
                                            </a>
                                            <div class="media-body">
                                                <a href="#" class="font-semibold">Lonummy nibh euismod sed laoreet</a>
                                                <div class="text-xs block m-t-xs"><a href="#">MFC</a> 1 week ago</div>
                                            </div>
                                        </article>
                                        <article class="media">
                                            <a href="#" class="pull-left thumb-md m-t-xs">
                                                <img src="images/m22.jpg">
                                            </a>
                                            <div class="media-body">
                                                <a href="#" class="font-semibold">Mibh euismod tincidunt ut laoreet</a>
                                                <div class="text-xs block m-t-xs"><a href="#">MFC</a> 1 week ago</div>
                                            </div>
                                        </article>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                </section>
                <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></a>
            </section>
        </section>
    </section>
</section>
<!--登录页面-->
<table class="login-table" align="center" style="display: none">
    <tr>
        <td align="center">
            <div class="login_inner">
                <div class="login_close"><a href="javascript:;" class="login_close_txt">×</a></div>
                <div class="login_popup">
                    <div class="login__popup popup_title">
                        <h4 class="popup_title_txt">登录魔音云音乐</h4>
                        <a href="javascript:;" class="btn-code-login">切换至手机验证码登录</a>
                    </div>
                    <div class="login__popup popup_warn" style="visibility: hidden;">
                        <i class="popup_warn_icon"></i>
                        <span class="popup_warn_txt" ></span>
                    </div>
                    <form class="login__popup popup_form" action="login" method="post">
                        <div class="popup_txt_area">
                            <div class="popup_txt_box">
                                <span class="popup_txt_lable">账号：</span>
                                <input class="popup_txt_input" type="text" placeholder="请输入手机号" name="phone">
                            </div>
                        </div>
                        <div class="popup_txt_area">
                            <div class="popup_txt_box">
                                <span class="popup_txt_lable">密码：</span>
                                <input class="popup_password" type="password" placeholder="请输入密码" name="password" >
                                <span class="popup_txt_lable popup_forget">忘记密码</span>
                            </div>
                        </div>
                        <div class="popup_tool_area">
                            <div class="popup_tool_lt">
                                <input class="popup_tool_checkbox" type="checkbox" name="autologin1" id="autologin" value="autologin" checked>
                                <label for="autologin">下次自动登录</label>
                            </div>
                            <div class="popup_tool_rt">
                                <a href="javascript:;" class="popup_now_reg">立即注册</a>
                            </div>
                            <input type="hidden" name="nulltext">
                        </div>
                        <div class="popup_txt_area">
                            <div class="popup_login_box">
                                <p class="empty-box"></p>
                                <!--<input type="button" value="登录" class="mod_btn_green popup_login_btn">-->
                                <a href="javascript:;" class="btn-login-action popup_login_btn js-login">登&nbsp;&nbsp;录</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </td>
    </tr>
</table>
<table class="reg-table" align="center" style="display: none">
    <tr>
        <td align="center">
            <div class="reg_inner">
                <div class="login_close"><a href="javascript:;" class="login_close_txt">×</a></div>
                <div class="reg_popup">
                    <div class="reg__popup popup_title">
                        <h4 class="popup_title_txt">新用户注册</h4>
                        <span class="popup_title_mess">轻松两步即可完成注册</span>
                    </div>
                    <div class="reg__popup popup_warn" style="visibility: hidden;">
                        <i class="popup_warn_icon"></i>
                        <span class="popup_warn_txt" ></span>
                    </div>
                    <form class="reg__popup popup_form" action="register" method="post">
                        <div class="popup_txt_area">
                            <div class="popup_txt_box">
                                <span class="popup_txt_lable" style="width: 20%;">手机号：</span>
                                <input class="popup_txt_input" type="text" placeholder="请输入手机号" name="phone" style="width: 79%">
                            </div>
                        </div>
                        <div class="popup_txt_area">
                            <div class="popup_txt_box">
                                <span class="popup_txt_lable" style="width: 20%;">验证码：</span>
                                <input class="popup_code" type="text" placeholder="请输入验证码" name="code">
                                <span class="popup_txt_lable popup_send_code">发送验证码</span>
                            </div>
                        </div>
                        <div class="popup_txt_area">
                            <div class="popup_txt_box">
                                <span class="popup_txt_lable" style="width: 20%;">密码：</span>
                                <input class="popup_password" type="password" placeholder="请输入你要设定的密码" name="password">
                            </div>
                        </div>
                        <div class="popup_txt_area">
                            <div class="popup_txt_box">
                                <span class="popup_txt_lable" style="width: 20%;">重复密码：</span>
                                <input class="popup_password" type="password" placeholder="请再次输入你要设定的密码" name="repassword">
                            </div>
                        </div>
                        <div class="popup_tool_area">
                            <div class="popup_tool_lt">
                                <input class="popup_tool_checkbox" type="checkbox" name="autologin1" id="agreement" value="autologin" checked>
                                <label for="agreement">我同意</label><a href="https://act.xiami.com/wow/xiami/act/protocol?spm=a2oj1.12028025.0.0.30dc1372kI1dEq" target="_blank" style="color: blue"
                            >魔音云音乐用户协议</a>
                            </div>
                            <div class="popup_tool_rt">
                                <a href="javascript:;" class="popup_back_login">返回登录</a>
                            </div>
                            <input type="hidden" name="nulltext">
                        </div>
                        <div class="popup_txt_area">
                            <div class="popup_login_box">
                                <p class="empty-box"></p>
                                <a href="javascript:;" class="btn-reg-action popup_reg_btn js-reg">注&nbsp;&nbsp;册</a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </td>
    </tr>
</table>
<div class="login-mask" style="display: none"></div>
<script src="../js/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="../js/bootstrap.js"></script>
<!-- App -->
<script src="../js/app.js"></script>
<script src="../js/slimscroll/jquery.slimscroll.min.js"></script>

<script src="../js/app.plugin.js"></script>
<script type="text/javascript" src="../js/jPlayer/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="../js/jPlayer/add-on/jplayer.playlist.min.js"></script>
<script type="text/javascript" src="../js/jPlayer/demo.js"></script>
</body>
</html>